<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>模板</title>
    <!-- 引入重置css -->
    <link rel="stylesheet" href="./css/common/reset.css">
    <!-- 引入公用css -->
    <link rel="stylesheet" href="./css/common/common.css">
    <!-- 引入自身css -->
    <link rel="stylesheet" href="./css/market.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <!-- 头部盒子 -->
        <div class="headerBox wrap">
            <!-- logo图片 -->
            <div class="lgimg"></div>
            <div class="legochina">legochina.cn</div>
            <div class="register">欢迎光临
                <a href="./market.html">乐购</a>，请
                <a href="/login.html">登陆</a>\
                <a href="/register.html">注册</a>
            </div>
        </div>
    </div>

    <!-- 导航 -->
    <div id="nav" class="wrap clearfix">
        <!-- 购物车 -->
        <div class="nav-btn fr">
            <div class="car-btn fr">
                <a href="./shopCar.html"><div class="nav-car fl">购物车&ensp;3</div></a>
                <div class="order fl">我的订单</div>
            </div>
            <!-- 搜索框 -->
            <div class="search fr">
                <input type="text" name="" id="inptwo" placeholder="创意文具">
            </div>
        </div>
        <!-- 列表 -->
        <div>
            <ul class="nav-list fr">
                <li>图书</li>
                <li>电子书</li>
                <li>原创文学</li>
                <li>服装</li>
                <li>运动户外</li>
                <li>孕婴童</li>
                <li>家居</li>
                <li>创意文具</li>
                <li>地方特产</li>
                <li>海外购</li>
                <li>电器城</li>
            </ul>
        </div>
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <!-- 线条 -->
        <div id="line"></div>
        <!-- 保障 -->
        <div id="safeguard">
            <!-- 保障盒子 -->
            <div class="safeguardbox">
                <img src="/images/222_11.png" alt="">
                <img src="/images/222_13.png" alt="">
                <img src="/images/222_15.png" alt="">
                <img src="/images/222_17.png" alt="">
            </div>
        </div>

        <div class="footer-content wrap">
            <div class="footer-content-top clearfix">

                <div class="footer-content-text1 fl">
                    <ul>
                        <li>购物指南</li>
                        <li>
                            <a href="">购物流程</a>
                        </li>
                        <li>
                            <a href="">发票制度</a>
                        </li>
                        <li>
                            <a href="">账户管理</a>
                        </li>
                        <li>
                            <a href="">会员优惠</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-content-text2 fl">
                    <ul>
                        <li>支付方式</li>
                        <li>
                            <a href="">货到付款</a>
                        </li>
                        <li>
                            <a href="">网上支付</a>
                        </li>
                        <li>
                            <a href="">礼品卡支付</a>
                        </li>
                        <li>
                            <a href="">银行转帐</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-content-text3 fl">
                    <ul>
                        <li>订单服务</li>
                        <li>
                            <a href="">订单配送查询</a>
                        </li>
                        <li>
                            <a href="">订单状态说明</a>
                        </li>
                        <li>
                            <a href="">自助取消订单</a>
                        </li>
                        <li>
                            <a href="">自助修改订单</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-content-text4 fl">
                    <ul>
                        <li>退换货</li>
                        <li>
                            <a href="">退换货政策</a>
                        </li>
                        <li>
                            <a href="">自助申请退换货</a>
                        </li>
                        <li>
                            <a href="">退换货进度查询</a>
                        </li>
                        <li>
                            <a href="">退款方式和时间</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-content-text5 fl">
                    <ul>
                        <li>商家服务</li>
                        <li>
                            <a href="">商家中心</a>
                        </li>
                        <li>
                            <a href="">运营服务</a>
                        </li>
                        <li>
                            <a href="">加入尾品汇</a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="footer-content-bottom">
                <div class="investor">
                    <a href="">公司简介</a>&ensp;|&ensp;
                    <a href="">Investor Relations</a>&ensp;|&ensp;
                    <a href="">网站联盟</a>&ensp;|&ensp;
                    <a href="">乐购招商</a>&ensp;|&ensp;
                    <a href="">机构销售</a>&ensp;|&ensp;
                    <a href="">手机乐购</a>&ensp;|&ensp;
                    <a href="">官方Blog</a>&ensp;|&ensp;
                    <a href="">热词搜索</a>
                </div>
                <div class="copyright">
                    Copyright (C) 乐购网 2004-2016, All Rights Reserved
                </div>
            </div>
            <div class="footer-content-logo"></div>
        </div>
    </div>
</body>

</html>